﻿@model ListenMusic.Models.ChangePasswordModel

@{
    ViewBag.Title = "ChangePassword";
    Layout = "~/Views/Shared/_LayoutPublic.cshtml";
}
<script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
  $('#frm-changepass').validate({
              rules: {
                  password: { required: true, minlength: 6 },
                 newpassword : { required: true, minlength: 6 },
                  renewpassword: { equalTo: '#newpassword' },
              },
              messages: {
                  password: { required: 'Vui lòng nhập mật khẩu', minlength: 'Mật khẩu có tối thiểu là {0} ký tự' },
                  newpassword: { required: 'Vui lòng nhập mật khẩu', minlength: 'Mật khẩu có tối thiểu là {0} ký tự' },
                   renewpassword: { equalTo: 'Xác nhận mật khẩu không đúng' },
              }
          });
          $("#submitButton").click(function(){
            if($("#frm-changepass").valid())
            {
                document.getElementById("frm-changepass").submit();
            }
          });

      });

</script>
@Html.ValidationSummary(true)
             <div id="processPage">
                        <div id="columnLeft" style="margin-bottom: 30px;">
                        	<form id="frm-changepass" name="registerCommand" action="/account/ChangePassword" method="post">
                    
                            <div id="regForm">
                            	
                                <div class="heading">
                                	<h3>Thay Đổi Mật Khẩu</h3>
                                </div>
                                <div class="clear"></div>
                                <div class="clear"></div>
        						
                                <div class="label">
                                    <div>
                                        <div class="floatLeft">Mật Khẩu</div>
                                        <div id="usernameStatus1" style="display: none;">a</div>
                                    </div>
                                    <input id="password" name="password" class="text" type="password" maxlength="20" onfocus="toggle('usernameTip');" onblur="toggle('usernameTip');"/>
                                    <div id="errorpass"></div>
                                </div>
                                
                                <div class="clear"></div>
                                <div class="clear"></div>
                                <div class="clear"></div>
        						
                                <div class="label">
                                    <div>
                                        <div class="floatLeft">Mật Khẩu Mới</div>
                                        <div id="usernameStatus2" style="display: none;"></div>
                                    </div>
                                    <input id="newpassword" name="newpassword" class="text" type="password" maxlength="20" onfocus="toggle('usernameTip');" onblur="toggle('usernameTip');"/>
                                    <div id="errornewpass"></div>
                                </div>
                                <div class="clear"></div>
                                <div class="clear"></div>
        						
                                <div class="label">
                                    <div>
                                        <div class="floatLeft">Nhập Lại Mật Khẩu</div>
                                        <div id="usernameStatus3" style="display: none;"></div>
                                    </div>
                                    <input id="renewpassword" name="renewpassword" class="text" type="password"  maxlength="20" onfocus="toggle('usernameTip');" onblur="toggle('usernameTip');"/>
                                    <div id="errorrepass"></div>
                                </div>
                                  <div class="clear"></div>

                            <a href="#" id="submitButton" class="yellowButton" ><span>Thay Đổi</span></a>        
</div>
                </form>
</div>
</div>
